Remember* that annoying browser behavior when they copy text in uppercase, although it’s only styled like that with
It only took me half an hour to figure out how to find a specific branch base position here to download an old Chromium version from here and test it. Oh, and also
* If you don’t, here’s an updated article
text-transform
? Yes, the one that goes against the spec. Apparently, Chrome 127 shipped the fix in July! Now, only Safari does that 🤨It only took me half an hour to figure out how to find a specific branch base position here to download an old Chromium version from here and test it. Oh, and also
xattr -cr /Applications/Chromium.app
to be able to run it 🙄* If you don’t, here’s an updated article
Last week, I successfully broke free from the vendor-locked and rather limited Apple smart home ecosystem and jumped straight into the rabbit hole of Home Assistant, running on a VM inside of my NAS with Zigbee and Bluetooth dongles sticking out of it. If you know what the hell I’m talking about, give me a sad like and share some of your favorite Home Assistant tricks and resources 🤓
Yesterday, I gave a talk about MathML, and I heard that some people thought “ML” stood for “machine learning.” “Math Machine Learning” even makes some sense. To their disappointment, I was talking about markup language instead.
It got me thinking… With all the hype around AI, maybe next time I pitch an HTML talk, I should throw in “Hypertext Machine Learning” somewhere in the description, just to improve my odds 🤔
It got me thinking… With all the hype around AI, maybe next time I pitch an HTML talk, I should throw in “Hypertext Machine Learning” somewhere in the description, just to improve my odds 🤔
Any idea who’s right? It would be nice to be able to position a
popover
right next to the button that triggers it. Firefox and Safari both make it easy. Chrome’s behavior makes me sad.Have you seen any good articles or projects using Cascade Layers for CSS architecture? Modern CSS seems capable of something similar to BEM without complex tooling, but I’m struggling to make it work. You know, 15-year-old habits won’t let you go easy.
I’ll start:
A whole cascade of layers
Modern alternatives to BEM
Modern CSS for dynamic component-based architecture
I’ll start:
A whole cascade of layers
Modern alternatives to BEM
Modern CSS for dynamic component-based architecture
With another wave of seasonal migration between social networks, let me remind you that I cross-post pretty much everywhere I can to stay in touch with scattered friends. I’m mostly active on Mastodon, but feel free to pick the one that works for you: Mastodon, Bluesky, Threads, X, LinkedIn, Facebook.
Also, occasional photos and videos from gigs on Instagram.
Also, occasional photos and videos from gigs on Instagram.
Gather around the fire, kids. Today, I will tell you an HTMHell story about native HTML color scheme switching. It’s getting dark early in Berlin in the winter…
https://htmhell.dev/adventcalendar/2024/9/
https://htmhell.dev/adventcalendar/2024/9/
Happy browser choice day to those in Europe who celebrate! This is a second attempt to get it right. Brought to you by the iOS 18.2 update and the fine folks from Open Web Advocacy
I have a suspicion that jzczhz and jzazbz color spaces were named by a cat walking on a keyboard 🥲
https://mastodon.scot/@svgeesus/113673628536576666
https://mastodon.scot/@svgeesus/113673628536576666
mastodon.scot
Chris Lilley 🏴 (@svgeesus@mastodon.scot)
The #csswg has published CSS Color HDR 1. This gives a way to control the presentation of HDR content such as video, images etc and also adds several HDR colorspaces to CSS (in addition to the WCG but SDR colorspaces that already exist). #css
https://www.w3.org/TR/css…
https://www.w3.org/TR/css…
Starting from Chrome 122 and today’s Firefox 134, you can use
https://codepen.io/pepelsbey/pen/xxvLBYZ
align-self
and justify-self
(or the place-self
shortcut) to control boxes with position: absolute
and inset: 0
. Waiting for Safari to catch up!https://codepen.io/pepelsbey/pen/xxvLBYZ
I just discovered that you can’t debug styles in a shadow root in WebKit Web Inspector if they’re attached using
https://bugs.webkit.org/show_bug.cgi?id=289948
adoptedStyleSheets
(constructable stylesheets). For some reason, they’re considered user agent stylesheets 🤔https://bugs.webkit.org/show_bug.cgi?id=289948
Planned a four-day CSS trip to Amsterdam in June:
June 4, Pre-CSS Day meetup
June 5–6, CSS Day conference
June 7, CSS Café meetup
See you there 🤓
June 4, Pre-CSS Day meetup
June 5–6, CSS Day conference
June 7, CSS Café meetup
See you there 🤓